<!-- 会员界面 -->
<template>
	<s-layout class="withdraw-wrap" title="客服" navbar="inner" :bgStyle="{ backgroundColor:'#f5f5f5'}">
		<div class="status-bg" :style="{ height: sys_navBar + 'px' }"></div>
		<view class="page-bg">
			<image v-if="qrCodeUrl" :src="qrCodeUrl" style="width: 100%;" mode="widthFix"></image>
		</view>
	</s-layout>
</template>

<script setup>
	import {
		computed,
		ref
	} from 'vue';
	import sheep from '@/sheep';
	import customerServiceApi from '@/sheep/api/promotion/customerService.js';
	import {
		onLoad
	} from '@dcloudio/uni-app';

	const userInfo = computed(() => sheep.$store('user').userInfo);
	
	const sys_navBar = sheep.$platform.navbar;
	
	const qrCodeUrl = ref(null)
	
	customerServiceApi.getCustomerService().then((res)=> {
		if (res.data) {
			qrCodeUrl.value = res.data.imgUrl
		}
	})
	 
	

	onLoad(() => {});
</script>

<style lang="scss" scoped>
	.status-bg {
	  width: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  background: linear-gradient(120deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
	  background-size: 750rpx 100%;
	  z-index: 1;
	}
	
	.page-bg {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 1;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	
	
</style>